import React from 'react'
import { ResultPage, Card } from 'antd-mobile'
import { CapsuleTabs,Radio,Button } from 'antd-mobile'
import style from '../index/index.module.css'
import { useNavigate } from 'react-router-dom'
import { LoopOutline } from 'antd-mobile-icons'
function Index() {
  const navigate=useNavigate();
  return (
    <div>
        <ResultPage
      status='success'
      title='操作成功'
      description='内容详情可折行，建议不超过两行建议不超过两行建议不超过两行'
    >

      <Card style={{ height: 328, marginTop: 12 }}>
        <CapsuleTabs>
          <CapsuleTabs.Tab title='机票' key='fruits'>
            <div className={style.tap}>
                  <span onClick={()=>navigate('/list/start')}>北京市</span>
                  <span><LoopOutline /></span>
                  <span onClick={()=>navigate('/list/end')}>上海市</span>
                  <span>11月25日明天</span>
                  <span></span>
                  <span></span>
                  <span> <Radio />学生票</span>
                  <span></span>
                  <span> <Radio />只看高铁动车</span>
            </div>

                <Button block color='warning' size='large'>
          搜索火车票
        </Button>
          </CapsuleTabs.Tab>
          <CapsuleTabs.Tab title='火车票' key='vegetables'>
            西红柿
          </CapsuleTabs.Tab>
          <CapsuleTabs.Tab title='汽车票' key='animals'>
            蚂蚁
          </CapsuleTabs.Tab>
        </CapsuleTabs>
      </Card>
    </ResultPage>
    </div>
  )
}

export default Index
